{include file="public/head" title="订单" keywords="订单" description="订单" /}
<style>
    .chongzhi_s1 button{
        border:none;
        background-color: #fff;
        border-right: 1px solid #f2f2f2;
    }
    .action{
        border-bottom: 1px;
        border-bottom-color:rgb(246, 115, 85);
    }
    .order-info{
        float: left;
        margin-top: 0.6rem;
        width: 100%;
    }
    .order-info li{
        display: block;
        /*float: left;*/
        font-size: 0.5rem;
        height: 1.6rem;
        line-height: 1.6rem;
    }
    .order-info .img{
        display: block;
        width: 80px;
        height: 80px;
        margin-left: -1.7rem;
    }
    .order-info .title{

        border-bottom:none;
    }
    .order-info .shuxing{
        clear: both;
        width: 100%;
        /*margin-left: 85px;*/
        border-bottom: 1px solid #efefef;
    }
    .order-info .order-price span{
        display: block;
        float: right;
        margin-top: -1.5rem;
        /*width: 1rem;*/
    }
    .order-info .zongjia{
        display: block;
        text-align: right;
        width:100%;
        padding:0;
        border-bottom: none;
        /*margin-top: -1.4rem;*/
    }
    #submit,#submits,#topay,#del{
        display: block;
        width: 4.5rem;
        height: 1.2rem;
        border: 1px solid #01cebf;
        border-radius: 15px;
        font-size: 0.75rem;
        text-align: center;
        margin-left: 5%;
        color:#01cebf ;
        background-color: #fff;
        line-height: 0rem;
        /*margin-top: -0.101rem;*/
        float: right;
    }
</style>
<div id="offCanvasWrapper" class="mui-off-canvas-wrap mui-draggable">
    <!-- 菜单容器 -->

    <div class="mui-inner-wrap">
        <div id="offCanvasContentScroll" class="mui-content mui-scroll-wrapper" style="background-color: #fff;">
            <div class="mui-scroll">
                <header class="tx_head">
                    <p>
                        <a href="{:url('index')}" class="header_p1"><span class="mui-icon mui-icon-arrowleft"></span></a>
                    <h5>悟空维修派单通知</h5>

                    </p>
                </header>
                <main class="wdzh_main">

                    <section class="wyty_section2 line">
                        {empty name="order"}
                        <div style="text-align: center;margin-top: 10px;">暂无数据......</div>
                        {else /}
                        {volist name="order" id="v"}
                        {php}$arr = explode('/',$v['addr']);{/php}
                        <ul class="jyjl_ul">
                            <li class="jyjl_li" style="border-bottom: 7px solid #f3f3f3;line-height: 0;height: 12rem;">
                                <div class="order-info">
                                    <ul>
                                        <li class="title" style="clear: both;border-bottom: 1px solid #efefef;width: 100%;line-height: 2.7rem;font-size: 1rem;  height: 2.7rem;">
                                            订单编号:{$v.order_mun} <!--<span style="float: right">{$v.addtime|date="Y-m-d H:i:s",###}</span>-->
                                        </li>
                                        <li class="title" style="font-size:1rem;">
                                            服务类型:{$v.goods_name}
                                        </li>
                                        <li class="" style="font-size: 1rem;">
                                            预约时间: {$v.servcietime|date="Y-m-d H:i:s",###}
                                        </li>
                                        <li class="shuxing" style="font-size: 1rem;" >
                                            {if condition = 'empty($arr) neq "" '}
                                            <span style="float: left;">地址:{$arr[0]}/{$arr[1]}/{$arr[2]}......</span>
                                            {else /}
                                            <span style="float: left;">地址:</span>
                                            {/if}
                                        </li>
                                        <li style="clear: both;text-align:center;padding: 10px">
                                            <a type="button" class="topay" href="{:url('/index/account/jiedan',['order_mun'=>$v.order_mun])}"  data-id="{$v.order_mun}" style="border:1px solid #01cebf ;height: 1.7rem;font-size: 14px;padding: 0.4rem;border-radius: 10px;color: #01cebf;">立即抢单</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                        </ul>
                        {/volist}
                        <!-- 分页 (调取通用方法)-->
                        {/empty}
                    </section>


                </main>
                <br>
                <br>
                <br>
            </div>
        </div>
        <div class="mui-off-canvas-backdrop"></div>
    </div>
</div>
{include file="public/footer"}
</body>
<script type="text/javascript" charset="utf-8">
    mui.init({
        swipeBack: true //启用右滑关闭功能
    });
//    document.getElementsByClassName("topay").addEventListener('tap', function() {
//        var id =$(this).attr('data-id');alert(id)
//        window.location.href = '/index/account/jiedan?order_mun='+id;
//    })

</script>
</html>